<section>
    <h2>
        <strong style="color:grey;">页面标题及表格/分页（根据具体情况列入重点，切勿放置可扩展内容不定的数据）</strong>
    </h2>
    <div class="page_title">
        <h2 class="fl">例如产品详情标题</h2>
        <a class="fr top_rt_btn">右侧按钮</a>
    </div>
    <table class="table">
        <tr>
            <th>项目1</th>
            <th>项目2</th>
            <th>项目3</th>
            <th>项目4</th>
            <th>项目5</th>
            <th>项目6</th>
            <th>项目7</th>
        </tr>
        <tr>
            <td style="width:265px;"><div class="cut_title ellipsis">265px宽·长标题字符串截取，仅适合单行截取，多行截取程序定义一下。</div></td>
            <td>内容二</td>
            <td>内容三</td>
            <td>内容四</td>
            <td>内容五</td>
            <td>内容六</td>
            <td>
                <a href="#">表内链接</a>
                <a href="#" class="inner_btn">表内按钮</a>
            </td>
        </tr>
        <tr>
            <td style="width:265px;"><div class="cut_title ellipsis">265px宽·长标题字符串截取，仅适合单行截取，多行截取程序定义一下。</div></td>
            <td>内容二</td>
            <td>内容三</td>
            <td>内容四</td>
            <td>内容五</td>
            <td>内容六</td>
            <td>
                <a href="#">表内链接</a>
                <a href="#" class="inner_btn">表内按钮</a>
            </td>
        </tr>
        <tr>
            <td style="width:265px;"><div class="cut_title ellipsis">265px宽·长标题字符串截取，仅适合单行截取，多行截取程序定义一下。</div></td>
            <td>内容二</td>
            <td>内容三</td>
            <td>内容四</td>
            <td>内容五</td>
            <td>内容六</td>
            <td>
                <a href="#">表内链接</a>
                <a href="#" class="inner_btn">表内按钮</a>
            </td>
        </tr>
    </table>
    <aside class="paging">
        <a>第一页</a>
        <a>1</a>
        <a>2</a>
        <a>3</a>
        <a>…</a>
        <a>1004</a>
        <a>最后一页</a>
    </aside>
</section>
<section>
    <ul class="admin_tab">
        <li><a class="active">自定义标题</a></li>
        <li><a>自定义标题</a></li>
        <li><a>...可追加</a></li>
    </ul>
    <!--tabCont-->
    <div class="admin_tab_cont" style="display:block;">添加时，对其增加一个父级，tabContent01子项无样式，具体情况单独定义。</div>
    <div class="admin_tab_cont">tabContent02，内容根据具体数据二次单独定义，公共样式单独调用</div>
    <div class="admin_tab_cont">可追加</div>
</section>
<section>
    <ul class="admin_tab">
        <li><a class="active">自定义标题</a></li>
        <li><a>自定义标题</a></li>
        <li><a>...可追加</a></li>
    </ul>
    <!--tabCont-->
    <div class="admin_tab_cont" style="display:block;">
        <!--左右分栏：左侧栏目-->
        <div class="cont_col_lt mCustomScrollbar" style="height:500px;">
            <table class="table fl">
                <tr>
                    <th>角色</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td class="center">顶级管理员</td>
                    <td class="center"><a class="inner_btn">DeathGhost</a></td>
                </tr>
                <tr>
                    <td class="center">采购人员</td>
                    <td class="center"><a class="inner_btn">DeathGhost</a></td>
                </tr>
            </table>
            <table class="table fl" style="margin-top:8px;">
                <tr>
                    <th>角色</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td class="center">顶级管理员</td>
                    <td class="center"><a class="inner_btn">DeathGhost</a></td>
                </tr>
                <tr>
                    <td class="center">采购人员</td>
                    <td class="center"><a class="inner_btn">DeathGhost</a></td>
                </tr>
            </table>
        </div>
        <!--左右分栏：右侧栏-->
        <div class="cont_col_rt">
            <table class="table fl">
                <tr>
                    <th>资源</th>
                    <th>描述</th>
                    <th>操作</th>
                </tr>
                <tr>
                    <td class="center">测试</td>
                    <td>数据信息过多（扩展性太大），不建议使用此布局，以免数据溢出。</td>
                    <td class="center"><a class="inner_btn">DeathGhost</a></td>
                </tr>
                <tr>
                    <td class="center">测试</td>
                    <td>数据信息过多（扩展性太大），不建议使用此布局，以免数据溢出。</td>
                    <td class="center"><a class="inner_btn">DeathGhost</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="admin_tab_cont">tabContent02，内容根据具体数据二次单独定义，公共样式单独调用</div>
    <div class="admin_tab_cont">可追加</div>
</section>
<script>
$(function(){
    admin.info();
})
</script>